import React from 'react'
import {RecommerWrapper,RecommerItem} from '../style'
import { connect } from 'react-redux';

 class Recommer extends React.PureComponent{
    render(){
        return(<RecommerWrapper>
            {this.props.Recommerlist.map((item)=>{
                return(
                       <RecommerItem key={item.get('id')} imgUrl={item.get('imgUrl')}/>
                       )
            })}
            </RecommerWrapper>
        )
    }
}

const mapstate=(state)=>({
      Recommerlist:state.getIn(['home','RecommerList'])
})
export default connect(mapstate)(Recommer) 